<title>目的地排序</title>
<link rel="stylesheet" href="../public/stylesheets/styles/sort/list.min.css"/>
<div class="page-sort">
  <section class="section">
    <header class="section-header">
      <span class="title">热搜攻略目的地</span>
      <input type="text" class="field-search" id="keywordForHot" placeholder="输入关键词筛选目的地">
      <span class="btn-save" id="btnSaveForHot">保存当前排序</span>
    </header>
    <article class="section-content" style="height: 200px;">
      <ul class="source-items" id="destinationsForHot">
        <!--<li data-id="1" class="item">-->
          <!--<span class="label">测试</span>-->
        <!--</li>-->
      </ul>

      <ul class="selected-items" id="selectedDestinationsForHot">
        <!--<li data-id="1" class="item">-->
          <!--<span class="label">测试1</span>-->
          <!--<span class="btn-remove">移除</span>-->
        <!--</li>-->
      </ul>
    </article>
  </section>

  <section class="section">
    <header class="section-header">
      <span class="title">精选游记目的地</span>
      <input type="text" class="field-search" id="keywordForSelection" placeholder="输入关键词筛选目的地">
      <span class="btn-save" id="btnSaveForSelection">保存当前排序</span>
    </header>
    <article class="section-content">
      <ul class="source-items" id="destinationsForSelection">
        <!--<li data-id="1" class="item">-->
          <!--<span class="label">测试</span>-->
        <!--</li>-->
      </ul>

      <ul class="selected-items" id="selectedDestinationsForSelection">
        <!--<li data-id="1" class="item">-->
          <!--<span class="label">测试</span>-->
          <!--<span class="btn-remove">移除</span>-->
        <!--</li>-->
      </ul>
    </article>
  </section>

  <section class="section">
    <header class="section-header">
      <span class="title">热门目的地</span>
      <input type="text" class="field-search" id="keywordForHotDestinations" placeholder="输入关键词筛选目的地">
      <span class="btn-save" id="btnSaveForHotDestinations">保存当前排序</span>
    </header>
    <article class="section-content">
      <ul class="source-items" id="destinationsForHotDestinations">
        <!--<li data-id="1" class="item">-->
        <!--<span class="label">测试</span>-->
        <!--</li>-->
      </ul>

      <ul class="selected-items" id="selectedDestinationsForHotDestinations">
        <!--<li data-id="1" class="item">-->
        <!--<span class="label">测试</span>-->
        <!--<span class="btn-remove">移除</span>-->
        <!--</li>-->
      </ul>
    </article>
  </section>

  <section class="section">
    <header class="section-header">
      <span class="title">推荐旅行攻略</span>
      <input type="text" class="field-search" id="keywordForRecommendDestinations" placeholder="输入关键词筛选目的地">
      <span class="btn-save" id="btnSaveForRecommendDestinations">保存当前排序</span>
    </header>
    <article class="section-content">
      <ul class="source-items" id="destinationsForRecommendDestinations">
        <!--<li data-id="1" class="item">-->
        <!--<span class="label">测试</span>-->
        <!--</li>-->
      </ul>

      <ul class="selected-items" id="selectedDestinationsForRecommendDestinations">
        <!--<li data-id="1" class="item">-->
        <!--<span class="label">测试</span>-->
        <!--<span class="btn-remove">移除</span>-->
        <!--</li>-->
      </ul>
    </article>
  </section>
</div>
<!-- page specific plugin scripts -->
<script src="../public/javascripts/scripts/sort/list.js"></script>
